<!--z增值保障开始-->
<div class="grid grid-collapse uk-margin-top uk-margin-bottom zengzhi">
  <div class="width-1-10">
    <span>增值保障</span>
  </div>
  <div class="width-9-10">
    <div class="sevice-type">
      <div class="uk-margin-right toggle" appHoverShow>
                    <span>
                    <i class="iconfont icon-sale">&#xe686;</i> 延长保两年 ¥379
                    <i class="iconfont arrow-down">&#xe66c;</i>
                    </span>
        <div class="content">
          <ul class="uk-list">
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="uk-margin-right toggle" appHoverShow>
                    <span>
                    <i class="iconfont icon-sale">&#xe6f1;</i> 延长保两年 ¥278
                    <i class="iconfont arrow-down">&#xe66c;</i>
                    </span>
        <div class="content">
          <ul class="uk-list">
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="toggle" appHoverShow>
                    <span>
                    <i class="iconfont icon-sale">&#xe61c;</i> 延长保两年 ¥479
                    <i class="iconfont arrow-down">&#xe66c;</i>
                    </span>
        <div class="content">
          <ul class="uk-list">
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
            <li appHoverShow>
                          <span class="a-color">
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="!selected">&#xe70f;</i>
                            <i class="iconfont"
                               (click)="onSelected()"
                               *ngIf="selected">&#xe61d;</i>
                            <span class="youhui">优惠</span>
                              <span class="">延长保2年</span>
                              <span>¥378</span>
                            </span>
              <a href="" class="service-detail">详情
                <i class="iconfont">&#xe635;</i>
                <i class="iconfont">&#xe635;</i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!--z增值保障end-->
